<template>
	<MobileSimulation>
		<Checkbox v-model="value1" style="margin:20px"/>
		<Checkbox v-model="value1" color="green" style="margin:20px"/>
		<Checkbox v-model="value2" toggle-indeterminate label="复选框" style="margin:20px"/>
		<Checkbox v-model="value5" toggle-indeterminate toggle-order="ft" label="反顺序" style="margin:20px"/>
		<Checkbox disable v-model="value1" style="margin:20px"/>
		<Checkbox disable v-model="value2" toggle-indeterminate label="复选框" style="margin:20px"/>
		{{value2+''}}
		<Checkbox v-model="value3" style="margin:20px">复选框</Checkbox>
		{{value3+''}}
		<Checkbox v-model="value4" val="选项A" style="margin:20px">选项A</Checkbox>
		<Checkbox v-model="value4" val="选项B" style="margin:20px">选项B</Checkbox>
		<Checkbox v-model="value4" val="选项C" style="margin:20px">选项C</Checkbox>
		<Checkbox v-model="value4" val="选项D" style="margin:20px">选项D</Checkbox>
		{{Array.from(value4)}}
	</MobileSimulation>
</template>

<script>
import MobileSimulation from '../../../../components/MobileSimulation';
import Checkbox from '@/components/app/checkbox';
import {MySet} from '@/util/polyfill';

export default {
	name:'index',
	components:{
		MobileSimulation,
		Checkbox,
	},
	data(){
		return {
			value1:false,
			value2:false,
			value5:false,
			value3:true,
			value4:new MySet(),
		};
	},
	computed:{
	},
	methods:{
	}
};
</script>

<style lang="scss">
</style>
